@import "../../../../styles/default";
.user-info-box{
  display: flex;
  align-items: center;
  padding: size(12) pxToRem(16);
  position: relative;
  &::after {
    position: absolute;
    content: ' ';
    left: 0;
    bottom: 0;
    height: 1px;
    transform: scaleY(0.1);
    width: 100%;
    background: $text-lip-color;
  }
  .user-info-avatar{
    width: size(64);
    height: size(64);
    img {
      width: 100%;
      height: 100%;
      border-radius: size(6);
    }
  }
  .user-info-detail{
    margin-left: pxToRem(16);
    color: $text-lip-color;
    .user-info-username{
      font-size: pxToRem(20);
      margin-bottom: size(10);
      font-weight: 800;
    }
    .user-info-email{
      font-size: pxToRem(12);
      color: $text-light;
    }
  }
}
